<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="desktop.xhtml">


	<ui:define name="body">
		<p:growl id="messages" showDetail="true" />
		<h:form styleClass="letraForm" id="frmEmpleado">
			<p:panel id="panel" header="Datos Empleado">
				<h:panelGrid>
					<p:row>
						<p:column>
							<h:outputLabel value="Nombre: " for="txtNombre" />
						</p:column>
						<p:spacer width="29" height="1" />
						<p:inputText size="15" id="txtNombre"
							value="#{empleadoAction.empleado.nombre}" />
						<p:spacer width="1" height="1" />
						<p:column>
							<p:spacer width="15" height="1" />
							<h:outputLabel value="A. Paterno: " for="txtApaterno" />
						</p:column>
						<p:column>
							<p:inputText size="15" id="txtApaterno"
								value="#{empleadoAction.empleado.aPaterno}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="A. Materno: " for="txtAmaterno" />
						</p:column>
						<p:column>
							<p:inputText size="15" id="txtAmaterno"
								value="#{empleadoAction.empleado.aMaterno}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Edad: " for="txtEdad" />
						</p:column>
						<p:spacer width="68" height="1" />
						<p:column>
							<p:inputText size="15" id="txtEdad"
								value="#{empleadoAction.empleado.edad}" />
						</p:column>
					</p:row>
				</h:panelGrid>

				<p:spacer width="5" height="10" />

				<h:panelGrid>
					<p:row>
						<p:column>
							<h:outputLabel value="Nacionalidad: " for="txtNaciol" />
						</p:column>
						<p:column>
							<p:inputText size="15" id="txtNaciol"
								value="#{empleadoAction.empleado.nacionalidad}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Sexo: " for="txSexo" />
						</p:column>
						<p:spacer width="32" height="1" />
						<p:column>
							<p:selectOneMenu id="txSexo" style="width:135px"
								value="#{empleadoAction.empleado.sexo}">
								<f:selectItem itemLabel="Select Sexo" itemValue="" />
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Femenino" itemValue="F" />
							</p:selectOneMenu>
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Estado Civil: " for="txtEdoC" />
						</p:column>
						<p:column>
							<p:selectOneMenu id="txtEdoC" style="width:135px"
								value="#{empleadoAction.empleado.edoCivil}">
								<f:selectItem itemLabel="Select estado" itemValue="" />
								<f:selectItem itemLabel="Soltero" itemValue="Soltero" />
								<f:selectItem itemLabel="Casado" itemValue="Casado" />
								<f:selectItem itemLabel="Viudo" itemValue="Viudo" />
								<f:selectItem itemLabel="Divorciado" itemValue="Divorciado" />
								<f:selectItem itemLabel="Union Libre" itemValue="UL" />
							</p:selectOneMenu>
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Fecha Nac: " for="txtFchNac" />
						</p:column>
						<p:spacer width="35" height="1" />
						<p:column>
							<p:calendar navigator="true" effect="fold" size="15"
								value="#{empleadoAction.empleado.fchNac}" />
						</p:column>
					</p:row>
				</h:panelGrid>

				<p:spacer width="5" height="10" />

				<h:panelGrid>
					<p:row>
						<p:column>
							<h:outputLabel value="Tel Casa: " for="txtTelC" />
						</p:column>
						<p:spacer width="24" height="1" />
						<p:column>
							<p:inputText size="15" id="txtTel"
								value="#{empleadoAction.empleado.telefonoCasa}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Celular: " for="txtCelular" />
						</p:column>
						<p:spacer width="21" height="1" />
						<p:column>
							<p:inputText size="15" id="txtCelular"
								value="#{empleadoAction.empleado.celular}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Mail: " for="txtMail" />
						</p:column>
						<p:spacer width="45" height="1" />
						<p:column>
							<p:inputText size="15" id="txtMail"
								value="#{empleadoAction.empleado.mail}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Puesto: " for="txtPuesto" />
						</p:column>
						<p:spacer width="56" height="1" />
						<p:column>
							<p:inputText value="#{empleadoAction.empleado.puesto}" disabled="true"/>
						</p:column>
					</p:row>
				</h:panelGrid>

				<p:spacer width="5" height="10" />

				<h:panelGrid>
					<p:row>
						<p:column>
							<h:outputLabel value="Calle, Numero, Colonia: " for="txtCNC" />
						</p:column>
						<p:column>
							<p:inputText size="72" id="txtCNC"
								value="#{empleadoAction.empleado.calle}" />
						</p:column>
						<p:spacer width="13" height="1" />
						<p:column>
							<h:outputLabel value="Ciudad/Municipio: " for="txtCM" />
						</p:column>
						<p:column>
							<p:inputText size="15" id="txtCM"
								value="#{empleadoAction.empleado.ciudad}" />
						</p:column>
						<p:spacer width="1" height="1" />
					</p:row>
				</h:panelGrid>

				<p:spacer width="5" height="10" />

				<h:panelGrid>
					<p:row>
						<p:column>
							<h:outputLabel value="Estado: " for="txtEst" />
						</p:column>
						<p:spacer width="32" height="1" />
						<p:column>
							<p:inputText size="15" id="txtEst"
								value="#{empleadoAction.empleado.estado}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="C.P: " for="txtCP" />
						</p:column>
						<p:spacer width="40" height="1" />
						<p:column>
							<p:inputText size="15" id="txtCP"
								value="#{empleadoAction.empleado.codigoPostal}" />
						</p:column>
						<p:spacer width="15" height="1" />
						<p:column>
							<h:outputLabel value="Asignado a: " for="txtAsigA"
								rendered="#{empleadoAction.empleado.puesto eq 'ASESOR'}" />
						</p:column>
						<p:spacer width="2" height="1" />
						<p:column>
							<p:selectOneMenu id="cboGerente"
								value="#{empleadoAction.empleado.gerente}"
								rendered="#{empleadoAction.empleado.puesto eq 'ASESOR'}" converter="#{gerenteConverter}">
								<f:selectItem itemLabel="Seleccione gerente" itemValue="" />
								<f:selectItems value="#{empleadoAction.gerentes}" var="gerente" itemLabel="#{gerente.nombre}" itemValue="#{gerente}"/>
							</p:selectOneMenu>
						</p:column>

						<p:column>
							<h:outputLabel value="Sucursal: "
								rendered="#{empleadoAction.empleado.puesto eq 'GERENTE'}" />
						</p:column>
						<p:spacer width="2" height="1" />
						<p:column>
							<p:selectOneMenu id="cboSucursal"
								value="#{empleadoAction.empleado.sucursal}"
								rendered="#{empleadoAction.empleado.puesto eq 'GERENTE'}" converter="#{sucursalConverter}">
								<f:selectItem itemLabel="Seleccione sucursal" itemValue="" />
								<f:selectItems value="#{empleadoAction.sucursales}"
									var="sucursal" itemLabel="#{sucursal.nombre}" itemValue="#{sucursal}"/>
							</p:selectOneMenu>
						</p:column>
					</p:row>
				</h:panelGrid>

			</p:panel>

			<p:spacer width="1" height="20" />
			<center>
				<div>
					<h:panelGrid>
						<p:row>
							<p:column style="background-color: #F9F9F9">
								<p:commandButton update="messages" value="Guardar"
									action="#{empleadoAction.guardar}" ajax="false" >
									<f:param name="tipoEmp" value="#{empleadoAction.empleado.puesto}" />	
								</p:commandButton>
							</p:column>
							<p:spacer width="9" height="11" />

							<p:column>
								<p:commandButton value="Limpiar" update="panel" process="@this"
									style="margin-right:20px;">
									<f:param name="tipoEmp" value="#{empleadoAction.empleado.puesto}" />
									<p:resetInput target="panel" />
								</p:commandButton>
							</p:column>

						</p:row>
					</h:panelGrid>
				</div>
			</center>


			<p:spacer width="100" height="20" />


			<p:dialog id="procesando" header="" widgetVar="dlgP" modal="true"
				showEffect="puff" hideEffect="fold" draggable="false"
				resizable="false" closable="false">
				<div id="datos" class="script-tittle">Procesando...</div>
				<div id="dlgspace1"
					style="width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;">
				</div>
				<div id="botonesdlgP" style="width: 100%; text-align: center;">
					<p:graphicImage value="imgs/globe64.gif" />
				</div>
			</p:dialog>
		</h:form>
	</ui:define>

</ui:composition>
</html>

